#all {
    background: #ebebeb;
    width: 100%;
    height: 1024px;

    #login {
        position: absolute;
        background: #FEFEFD;
        left: 50%;
        top: 50%;
        width: 540px;
        height: 445px;
        border-radius: 8px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        transform: translate(-50%, -50%);



        .el-form {
            text-align: center;
            margin-top: 55px;

            .title {
                color: #0084FF;
                font-size: 40px;
                margin-bottom: 20px;

            }


            .el-form-item {

                .el-input__inner,
                .el-button {
                    margin-top: 20px;
                    width: 80% !important;
                    height: 45px !important;
                    border-radius: 4px !important;
                }

                .el-button {
                    text-align: center;
                    letter-spacing: 10px;
                    font-size: 20px;

                }
            }

            .el-input__inner {
                line-height: 45px;
                border: 1.4px solid rgb(173, 173, 173) !important;

                &::placeholder {
                    color: rgb(149, 149, 149) !important;
                }
            }

            .el-form-item__error {
                left: 11% !important;
                font-size: 16px !important;
            }
        }

    }
}